@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
 margin:0;
 padding:0
}
fieldset,img {
 border:0
}
:focus {
 outline:0
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
 font-style:normal;
 font-weight:400
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:400
}
abbr,acronym {
 border:0;
 font-variant:normal
}
code,kbd,samp,tt {
 font-size:100%
}
input,button,textarea,select {
 *font-size:100%;
 border:0
}
body {
 background:#fff;
 color:#5e5e5e;
 font:14px/2em Microsoft YaHei,SimSun,Arial
}
ol,ul {
 list-style:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
caption,th {
 text-align:left
}
sup,sub {
 font-size:100%;
 vertical-align:baseline
}
:link,:visited,ins {
 text-decoration:none
}
blockquote,q {
 quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
 content:'';
 content:none
}
a:link,a:visited {
 color:#5e5e5e
}
a:hover {
 color:#c9394a
}
a:active {
 color:#666
}
.clearfix:after {
 content:'\0020';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.clearfix {
 *zoom:1
}
.l {
 float:left
}
.r {
 float:right
}
.clear {
 height:0;
 overflow:hidden;
 clear:both
}
.hide {
 display:none
}
.btn.hide {
 display:none
}
a.hidefocus {
 outline:0
}
button.hidefocus::-moz-focus-inner {
 border:0
}
a:focus {
 outline:0;
 -moz-outline:0
}
input,textarea {
 outline:0
}
h2 {
 font-size:20px
}
h3 {
 font-size:16px;
 line-height:32px
}
h5 {
 font-size:14px;
 line-height:28px
}
.img_border {
 border:4px solid #fff;
 border-radius:1px
}
.bb {
 border-bottom:1px solid #d2d2d2
}
.bt {
 border-top:1px solid #d2d2d2
}
.bbn {
 border-bottom:0!important
}
.mc {
 margin:0 auto!important
}
.m0 {
 margin:0!important
}
.m1 {
 margin:1px!important
}
.m2 {
 margin:2px!important
}
.m3 {
 margin:3px!important
}
.m4 {
 margin:4px!important
}
.m5 {
 margin:5px!important
}
.m10 {
 margin:10px
}
.m15 {
 margin:15px
}
.m20 {
 margin:20px
}
.m25 {
 margin:25px
}
.m30 {
 margin:30px
}
.mt5 {
 margin-top:5px!important
}
.mt0 {
 margin-top:0!important
}
.mt10 {
 margin-top:10px!important
}
.mt14 {
 margin-top:14px
}
.mt15 {
 margin-top:15px
}
.mt18 {
 margin-top:18px
}
.mt20 {
 margin-top:20px!important
}
.mt30 {
 margin-top:30px
}
.mt40 {
 margin-top:40px
}
.mt50 {
 margin-top:50px
}
.mt60 {
 margin-top:60px
}
.mt70 {
 margin-top:70px
}
.mt80 {
 margin-top:80px
}
.mt90 {
 margin-top:90px
}
.mt100 {
 margin-top:100px
}
.mb0 {
 margin-bottom:0!important
}
.mb3 {
 margin-bottom:3px
}
.mb5 {
 margin-bottom:5px!important
}
.mb10 {
 margin-bottom:10px
}
.mb15 {
 margin-bottom:15px
}
.mb20 {
 margin-bottom:20px!important
}
.mb25 {
 margin-bottom:25px!important
}
.mb30 {
 margin-bottom:30px
}
.mb40 {
 margin-bottom:40px
}
.mb50 {
 margin-bottom:50px
}
.mb55 {
 margin-bottom:55px
}
.mb80 {
 margin-bottom:80px
}
.mb100 {
 margin-bottom:100px
}
.ml0 {
 margin-left:0!important
}
.ml8 {
 margin-left:8px!important
}
.ml1 {
 margin-left:1px!important
}
.ml5 {
 margin-left:5px!important
}
.ml10 {
 margin-left:10px!important
}
.ml12 {
 margin-left:12px!important
}
.ml13 {
 margin-left:13px!important
}
.ml15 {
 margin-left:15px!important
}
.ml25 {
 margin-left:25px!important
}
.ml20 {
 margin-left:20px!important
}
.ml30 {
 margin-left:30px!important
}
.ml35 {
 margin-left:35px!important
}
.ml38 {
 margin-left:38px!important
}
.ml40 {
 margin-left:40px!important
}
.ml50 {
 margin-left:50px!important
}
.ml60 {
 margin-left:60px!important
}
.ml55 {
 margin-left:55px!important
}
.ml57 {
 margin-left:57px!important
}
.ml60 {
 margin-left:60px!important
}
.ml80 {
 margin-left:80px!important
}
.ml100 {
 margin-left:100px!important
}
.ml110 {
 margin-left:110px!important
}
.ml120 {
 margin-left:120px!important
}
.ml150 {
 margin-left:150px!important
}
.ml200 {
 margin-left:200px!important
}
.ml250 {
 margin-left:250px!important
}
.ml285 {
 margin-left:285px!important
}
.ml835 {
 margin-left:835px!important
}
.mr5 {
 margin-right:5px!important
}
.mr10 {
 margin-right:10px!important
}
.mr15 {
 margin-right:15px!important
}
.mr20 {
 margin-right:20px!important
}
.mr30 {
 margin-right:30px!important
}
.mr40 {
 margin-right:40px!important
}
.mr50 {
 margin-right:50px!important
}
.mr80 {
 margin-right:80px!important
}
.mr100 {
 margin-right:100px!important
}
.mr250 {
 margin-right:250px!important
}
.mr300 {
 margin-right:300px!important
}
.pointer {
 cursor:pointer
}
.color-gray,a.color-gray:link,a.color-gray:visited {
 color:#b7bcc0
}
.color-white {
 color:#fff!important
}
.color-blue {
 color:#088bd3
}
.fl {
 float:left
}
.fr {
 float:right
}
.mr60 {
 margin-right:60px
}
.color-red {
 color:#EF1300!important
}
.pr {
 position:relative
}
.pa {
 position:absolute
}
.errorHint {
 height:25px;
 line-height:20px;
 font-size:12px;
 color:#f01414
}
.breakall {
 word-break:break-all
}
.wui-dialog {
 background-color:#fff;
 box-shadow:#ccc 1px 4px 20px 3px;
 position:absolute;
 box-shadow:0 12px 24px 0 rgba(0,0,0,.24)
}
.cb {
 clear:both
}
.fs12 {
 font-size:12px!important
}
.fs14 {
 font-size:14px!important
}
.fs16 {
 font-size:16px!important
}
.fs18 {
 font-size:18px!important
}
.fs20 {
 font-size:20px!important
}
.bold {
 font-weight:700!important
}
a:link,a:visited,body,html {
 color:#1c1f21
}
.container,.newcontainer,.page-container {
 width:1152px;
 margin:0 auto
}
.btn,.hide-text,.text-ellipsis {
 white-space:nowrap
}
body,html {
 font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif
}
body {
 min-width:1200px;
 background-color:#f8fafc;
 overflow-y:scroll;
 padding-top:0;
 -webkit-transition:-webkit-transform .3s ease;
 transition:transform .3s ease
}
a:active,a:hover {
 color:#ec1500
}
.clearfix:after {
 content:'\0020';
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.l {
 float:left
}
.r {
 float:right
}
.hide {
 display:none
}
.hide-text {
 text-indent:100%;
 overflow:hidden
}
#main {
 min-height:750px;
 padding:20px 0
}
.waper {
 width:1200px;
 margin:0 auto
}
.shadow {
 -webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);
 -moz-box-shadow:0 2px 4px rgba(0,0,0,.1);
 box-shadow:0 2px 4px rgba(0,0,0,.1)
}
.app-download .app-load-box,.user-card-box .g-user-card {
 top:100%;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 box-sizing:border-box
}
.text-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis
}
.addZ-index,.addZ-indexCode {
 z-index:9999
}
.app-download {
 position:relative
}
.app-download .app-load-box {
 display:none;
 position:absolute;
 right:0;
 width:304px;
 padding:10px 24px 22px;
 background-color:#fff;
 color:#4D555D;
 line-height:16px;
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px;
 z-index:99999;
 font-size:12px
}
.app-download .app-load-box h4 {
 margin:12px 0;
 font-size:14px;
 color:#1C1F21;
 text-align:center;
 line-height:22px
}
.app-download .app-load-box img {
 width:108px;
 height:108px
}
.app-download .app-load-box p {
 margin-top:12px;
 text-align:center
}
.app-download .app-load-box a.app-load-btn {
 display:block;
 color:#fff;
 width:132px;
 height:36px;
 margin-bottom:8px;
 line-height:36px;
 background:#4D555D;
 border-radius:18px
}
.app-download .app-load-box a.app-load-btn:hover {
 background-color:#07111b
}
.app-download .app-load-box a.app-load-btn i {
 font-size:16px;
 margin:0 8px 0 12px;
 vertical-align:-2px
}
.set_btn img,select {
 vertical-align:middle
}
.app-download .app-load-box .browser-load-box {
 overflow:hidden;
 padding-bottom:12px;
 border-bottom:1px solid #D3D6D9
}
.app-download .app-load-box .browser-load-box a.app-load-btn {
 margin:0 auto
}
.app-download .app-load-box .browser-load-box a.app-load-btn i {
 margin-left:20px!important
}
.app-download .app-load-box .browser-load-box a.app-load-faq {
 float:left;
 padding-top:12px;
 font-size:12px;
 color:#37F;
 text-align:center;
 line-height:18px
}
.app-download .app-load-box .browser-load-box .browser-load-mac {
 display:block;
 padding-top:12px;
 height:18px;
 font-size:12px;
 text-align:center;
 color:#9199A1;
 line-height:18px
}
.user-card-box {
 position:relative
}
.user-card-box .g-user-card {
 visibility:hidden;
 position:absolute;
 right:0;
 z-index:1000;
 width:306px;
 padding:24px;
 background-color:#fff;
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px
}
.newcomer_modal,.shop-cart .my-cart {
 box-shadow:0 8px 16px 0 rgba(28,31,33,.2)
}
.user-card-box .g-user-card .card-top {
 color:#93999f;
 position:relative
}
.user-card-box .g-user-card .card-top a {
 display:inline-block;
 color:#93999f
}
.user-card-box .g-user-card .card-top a img {
 float:left;
 width:72px;
 height:72px;
 border-radius:50%;
 border:2px solid #fff;
 margin-right:12px
}
.user-card-box .g-user-card .card-top .card-top-right-box {
 margin-top:14px
}
.user-card-box .g-user-card .card-top .name {
 display:inline-block;
 font-size:16px;
 color:#07111b;
 width:170px;
 line-height:20px
}
.user-card-box .g-user-card .card-top .meta {
 margin-top:4px;
 font-size:12px;
 line-height:12px
}
.user-card-box .g-user-card .card-top .meta a {
 margin-right:12px
}
.user-card-box .g-user-card .card-top .meta b {
 margin-left:2px
}
.user-card-box .g-user-card .user-center-box {
 margin-top:16px;
 margin-bottom:14px
}
.user-card-box .g-user-card .user-center-box ul li {
 position:relative;
 width:128px;
 width:127px\9;
 background:#F8FAFC;
 border-radius:2px;
 color:#4d555d;
 margin:0 2px 2px 0
}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon {
 position:relative;
 top:3px;
 font-size:16px;
 margin-right:8px
}
.user-card-box .g-user-card .user-center-box ul li a {
 width:100%;
 height:36px;
 line-height:36px;
 padding-left:12px;
 text-align:left;
 box-sizing:border-box
}
.user-card-box .g-user-card .user-center-box ul li:hover {
 background:#d9dde1
}
.user-card-box .g-user-card .user-center-box ul li:hover a {
 color:#4d555d
}
.user-card-box .g-user-card .user-center-box ul li i {
 width:18px;
 height:18px;
 position:absolute;
 top:0;
 right:8px;
 background:url(/static/module/common/img/coupon-icon.png) no-repeat
}
.user-card-box .g-user-card .user-center-box ul li:nth-child(2n) {
 margin-right:0
}
.user-card-box .g-user-card .card-history {
 padding-bottom:16px;
 margin-bottom:-1px;
 border-bottom:1px solid #edf1f2
}
.user-card-box .g-user-card .card-history .history-item {
 display:block;
 position:relative;
 padding-left:24px;
 color:#787d82;
 transition:background-color .2s;
 line-height:20px
}
#header #login-area .logined>li>a,#header .logo a {
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s
}
.user-card-box .g-user-card .card-history .history-item .tit {
 display:block;
 margin-bottom:8px;
 font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .media-name {
 display:block;
 width:200px
}
.user-card-box .g-user-card .card-history .history-item .icon-clock,.user-card-box .g-user-card .card-history .history-item .imv2-history {
 position:absolute;
 left:0;
 top:2px;
 font-size:16px;
 font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .continue {
 position:absolute;
 right:0;
 top:25px;
 color:#00b43c
}
.user-card-box .g-user-card .card-history .history-item .continue:hover {
 color:#00c850
}
.user-card-box .g-user-card .card-sets {
 margin-top:16px;
 font-size:12px;
 line-height:12px
}
.user-card-box .g-user-card .card-sets a {
 color:#93999F
}
.user-card-box .g-user-card .card-sets a:hover {
 color:#4d555d;
 background:0 0
}
.user-card-box.hover .g-user-card {
 visibility:visible
}
.shop-cart {
 position:relative
}
.shop-cart .shop-cart-icon span {
 color:rgba(255,255,255,.6)
}
.shop-cart .shop-cart-icon .icon-shopping-cart,.shop-cart .shop-cart-icon .imv2-cart {
 position:relative;
 top:2px;
 font-size:16px;
 margin-right:8px
}
.shop-cart .shop-cart-icon .shopping_icon {
 padding:0 5px;
 height:16px;
 line-height:16px;
 background:#f01414;
 border-radius:50%;
 color:#fff;
 margin-left:8px
}
.shop-cart .my-cart {
 display:none;
 width:344px;
 padding:0 16px;
 position:absolute;
 right:0;
 background:#fff;
 box-sizing:border-box;
 z-index:99999;
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px
}
.shop-cart .my-cart .cart-title-box {
 padding:13px 12px;
 border-bottom:1px solid #D3D6D9
}
.shop-cart .my-cart .cart-title-box h2,.shop-cart .my-cart .cart-title-box h5 {
 height:24px;
 line-height:24px
}
.shop-cart .my-cart .cart-title-box h2 {
 font-weight:700;
 font-size:14px;
 color:#1C1F21
}
.shop-cart .my-cart .cart-title-box h5 {
 font-size:12px;
 color:#9199A1
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box {
 height:284px;
 overflow-y:scroll
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul {
 width:100%
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li {
 padding:12px;
 box-sizing:border-box
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover {
 background:#F8FAFC
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover .del {
 display:block
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li a {
 width:auto;
 height:auto
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li img {
 width:100px;
 height:56px;
 margin-right:10px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box {
 width:160px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box h3 {
 font-size:12px;
 color:#07111b;
 line-height:16px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p {
 margin-top:8px;
 height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span {
 color:rgba(240,20,20,.6);
 font-size:12px;
 line-height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span:hover {
 color:#f01414
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .del {
 display:none;
 cursor:pointer
}
.shop-cart .my-cart .cart-wrap .clear-cart {
 height:284px;
 text-align:center
}
.shop-cart .my-cart .cart-wrap .clear-cart .cartIcon {
 margin:36px 0 8px;
 display:inline-block;
 font-size:72px;
 color:#D3D6D9
}
.shop-cart .my-cart .cart-wrap .clear-cart h3 {
 font-size:14px;
 color:#545C63;
 text-align:center;
 line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .text {
 margin-bottom:8px;
 font-size:12px;
 color:#9199A1;
 text-align:center;
 line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link {
 display:block;
 color:rgba(240,20,20,.6);
 font-size:12px;
 line-height:24px;
 margin-bottom:4px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link:hover {
 color:#f01414
}
.shop-cart .my-cart .more-box {
 padding:16px 12px;
 border-top:1px solid #D3D6D9
}
.shop-cart .my-cart .more-box .show-box {
 height:32px;
 line-height:32px;
 font-size:12px
}
.shop-cart .my-cart .more-box .show-box .num-icon {
 color:#fff;
 line-height:16px;
 padding:0 5px;
 border-radius:50%;
 background:#f01414;
 box-sizing:border-box
}
.shop-cart .my-cart .more-box .show-box .text,.shop-cart .my-cart .more-box .show-box .text a {
 color:#93999f
}
.shop-cart .my-cart .more-box .show-box .text a:hover {
 color:#4d555d
}
.shop-cart .my-cart .more-box .show-box .go-pay a {
 color:rgba(240,20,20,.6)
}
.shop-cart .my-cart .more-box .go-cart {
 width:96px;
 color:#fff;
 font-size:12px;
 line-height:16px;
 padding:8px 16px;
 background:rgba(240,20,20,.8);
 border-radius:16px;
 border:none
}
.shop-cart .my-cart .more-box .go-cart:hover {
 background-color:#f01414
}
.shop-cart.hover .shop-cart-icon {
 border-color:rgba(255,255,255,.4);
 background-color:rgba(255,255,255,.1)
}
.shop-cart.hover .shop-cart-icon span {
 color:#fff
}
.shop-cart.hover .my-cart {
 display:block
}
#header {
 background:#07111b
}
#header .page-container {
 width:auto;
 padding-right:10px;
 z-index:900;
 box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
 position:relative
}
#header .logo {
 float:left;
 margin:0 20px
}
#header .logo a {
 display:block;
 width:140px;
 height:72px;
 background:url(/static/img/common/logo.png?t=2.4) center center no-repeat;
 transition:background-color .2s
}
#header .nav-item li {
 float:left
}
#header .nav-item li a {
 padding:0 20px;
 display:block;
 color:rgba(255,255,255,.6);
 text-align:center;
 font-size:16px;
 height:72px;
 line-height:72px;
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s;
 position:relative
}
#header .nav-item li a .icn-new {
 position:absolute;
 display:inline-block;
 top:14px;
 width:16px;
 height:16px;
 background:url(/static/img/common/new.png) no-repeat
}
#header .nav-item li a.active,#header .nav-item li a:hover {
 color:#fff
}
#header #login-area {
 float:right;
 position:relative
}
#header #login-area .app-download {
 line-height:72px;
 color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a {
 padding:0 15px;
 font-size:14px;
 color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a:hover {
 color:#fff
}
#header #login-area .shop-cart {
 height:36px;
 line-height:36px;
 margin:18px 0
}
#header #login-area .shop-cart .shop-cart-icon {
 display:inline-block;
 padding:0 18px;
 width:auto;
 box-sizing:border-box;
 border:1px solid rgba(255,255,255,.2);
 border-radius:18px;
 height:36px;
 line-height:34px;
 color:#787d82;
 text-align:center
}
#header #login-area .shop-cart .my-cart {
 top:54px
}
#header #login-area .logined>li {
 float:left;
 position:relative
}
#header #login-area .logined>li>a {
 display:block;
 width:60px;
 height:72px;
 line-height:72px;
 color:#787d82;
 text-align:center;
 transition:background-color .2s
}
#header #login-area .logined>li>a:hover,#header #login-area .logined>li>a:hover i {
 color:#fff
}
#header #login-area .header-unlogin>li {
 float:left
}
#header #login-area .header-unlogin .header-signin {
 margin-left:12px;
 color:rgba(255,255,255,.6)
}
#header #login-area .header-unlogin .header-signin a {
 display:inline-block;
 padding:0 12px;
 height:72px;
 line-height:72px;
 font-size:14px;
 color:rgba(255,255,255,.6);
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#new_header .new-header .nav-item li a,.search-area .search-input {
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s
}
#header #login-area .header-unlogin .header-signin a:hover {
 color:rgba(240,20,20,.8)
}
#new_header {
 background:#07111B
}
#new_header .new-header {
 width:1152px;
 height:40px;
 margin:0 auto;
 font-size:12px
}
#new_header .new-header .nav-item li {
 float:left;
 margin-right:12px
}
#new_header .new-header .nav-item li a {
 display:block;
 padding:0 12px;
 height:40px;
 line-height:40px;
 color:rgba(255,255,255,.6);
 transition:background-color .3s;
 position:relative
}
#new_header .new-header .nav-item li a .icn-new {
 position:absolute;
 display:inline-block;
 top:2px;
 width:16px;
 height:16px;
 background:url(/static/module/common/img/new.png) no-repeat
}
#new_header .new-header .nav-item li a.active {
 color:#fff
}
#new_header .new-header .nav-item li a:hover {
 color:#fff;
 background:rgba(255,255,255,.1)
}
#new_header .new-header .app-download>a,#new_header .new-header .remind_warp>a,#new_header .new-header .user-card-box>a {
 width:auto;
 padding:0 12px;
 height:40px;
 line-height:40px
}
#new_header .new-header .header-right {
 float:right
}
#new_header .new-header .header-right .app-download {
 float:left;
 color:rgba(255,255,255,.6);
 position:relative
}
#new_header .new-header .header-right .app-download>a {
 display:inline-block;
 padding:0 12px;
 height:40px;
 line-height:40px;
 color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .app-download>a:hover {
 color:#fff
}
#new_header .new-header .header-right .shop-cart {
 float:left;
 margin-left:12px;
 height:40px;
 line-height:40px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon {
 display:inline-block;
 height:40px;
 line-height:40px;
 padding:0 12px;
 border-radius:18px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon span {
 color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .shop-cart .my-cart {
 top:40px
}
#new_header .new-header .header-right #login-area {
 float:left;
 position:relative
}
#new_header .new-header .header-right #login-area .header-unlogin {
 margin-left:24px
}
#new_header .new-header .header-right #login-area .header-unlogin li {
 float:left
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin {
 color:#fff
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a {
 display:inline-block;
 height:40px;
 line-height:40px;
 font-weight:700;
 color:#fff;
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a:hover {
 color:#f01414
}
#new_header .new-header .header-right #login-area .logined>li {
 float:left;
 height:40px
}
#new_header .new-header .header-right #login-area .logined>li>a {
 -webkit-transition:background-color .2s;
 -moz-transition:background-color .2s;
 transition:background-color .2s
}
#new_header .new-header .header-right #login-area .logined .remind_warp {
 margin:0;
 width:64px;
 position:relative
}
#new_header .new-header .header-right #login-area .logined .remind_warp .msg_remind {
 display:none;
 width:4px;
 height:4px;
 background-color:#f01414;
 border-radius:50%;
 position:absolute;
 top:12px;
 right:22px
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a {
 display:block;
 color:rgba(255,255,255,.6);
 text-align:center
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a:hover {
 color:#fff
}
#new_header .new-header .header-right #login-area .logined .remind_warp .imv2-notifications {
 line-height:40px;
 font-size:16px
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item img {
 display:inline-block;
 width:24px;
 height:24px;
 border:2px solid #4d5559;
 border-radius:50%;
 vertical-align:middle
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item .myspace_remind {
 width:10px;
 height:10px;
 background:url(/static/module/common/img/space-remind.png) no-repeat;
 position:absolute;
 top:10px;
 right:10px
}
#new_header .new-header .header-right #login-area .logined .user-card-box:hover .user-card-item img {
 border-color:rgba(255,255,255,.6)
}
#new_header.special-header .new-header {
 width:1088px
}
.bindHintBox {
 background-color:#ffc;
 box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
 position:absolute;
 right:10px;
 top:60px;
 width:313px;
 height:54px;
 z-index:3;
 font-size:12px;
 line-height:54px;
 color:#07111b;
 padding:0 15px
}
.bindHintBox .closeBindHint {
 width:17px;
 height:17px;
 position:relative;
 top:4px;
 left:20px;
 cursor:pointer;
 background:url(/static/img/nlogin.png) no-repeat;
 transition:transform .2s;
 -webkit-transition:transform .2s;
 -moz-transition:transform .2s;
 -o-transition:transform .2s
}
.bindHintBox .arrow {
 position:absolute;
 right:15px;
 top:-10px;
 border-width:0 10px 10px;
 border-color:transparent transparent #ffc;
 border-style:solid
}
.linkToMall {
 font-size:12px!important;
 color:#fff!important;
 opacity:1!important
}
.remind_warp {
 width:60px;
 height:48px
}
.remind_warp a {
 height:48px;
 line-height:48px
}
.remind_warp .msg_remind {
 display:none;
 position:absolute;
 width:8px;
 height:8px;
 background-color:#f01414;
 right:14px;
 top:14px;
 border-radius:50%
}
.remind_warp .icon-notifi {
 display:block;
 line-height:48px;
 font-size:22px;
 text-align:center;
 cursor:pointer;
 -webkit-transition:color .2s;
 -moz-transition:color .2s;
 transition:color .2s
}
.remind_warp .icon-notifi:hover {
 color:#fff
}
.remind_warp,.search-area {
 margin:12px 0
}
.search-warp {
 position:relative;
 float:left;
 margin-left:24px
}
.search-warp .searchTags {
 z-index:100;
 bottom:24px;
 right:40px
}
.search-warp .searchTags a {
 padding:3px 8px;
 color:rgba(255,255,255,.6);
 background-color:rgba(255,255,255,.1);
 border-radius:12px;
 font-size:12px;
 line-height:24px;
 font-weight:400
}
.search-warp .searchTags a.active,.search-warp .searchTags a:hover {
 background-color:rgba(255,255,255,.2);
 color:#fff
}
.search-warp .showhide-search {
 width:20px;
 height:24px;
 text-align:right;
 position:absolute;
 display:inline-block;
 right:0;
 bottom:24px;
 padding:0 8px;
 border-radius:18px
}
.search-warp .showhide-search i {
 display:block;
 height:24px;
 color:#757a7e;
 cursor:pointer;
 font-size:20px;
 line-height:24px;
 width:20px
}
.search-warp .showhide-search:hover i,.search-warp.search-active .showhide-search i {
 color:#F01414
}
.search-warp .showhide-search:hover {
 background:rgba(240,20,20,.4)
}
.search-warp .search-area.suggest-active {
 border-bottom-color:#F01414
}
.search-warp.search-active .showhide-search {
 background:rgba(240,20,20,.2)
}
.search-area {
 float:right;
 position:relative;
 height:46px;
 width:260px;
 padding-right:40px;
 border-bottom:1px solid rgba(255,255,255,.4);
 zoom:1;
 -webkit-transition:width .3s;
 -moz-transition:width .3s;
 transition:width .3s
}
.search-area .search-input {
 padding:12px 0;
 width:100%;
 height:46px;
 line-height:46px;
 font-size:12px;
 float:left;
 border:0;
 color:#fff;
 transition:background-color .3s;
 background-color:transparent;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box
}
.search-area .btn_search {
 float:left;
 cursor:pointer;
 width:30px;
 height:38px;
 text-align:center;
 -webkit-transition:background-color .3s;
 -moz-transition:background-color .3s;
 transition:background-color .3s
}
.search-area .search-area-result {
 position:absolute;
 left:0;
 top:60px;
 width:300px;
 margin-bottom:20px;
 border-top:none;
 background-color:#fff;
 box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
 font-size:12px;
 overflow:hidden;
 display:none;
 z-index:800;
 border-bottom-right-radius:8px;
 border-bottom-left-radius:8px
}
.search-area .search-area-result li {
 height:40px;
 line-height:40px;
 padding:0 10px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#787d82;
 cursor:pointer
}
.search-area .search-area-result li .light,.search-area .search-area-result li:hover {
 color:#1c1f21;
 background-color:#edf0f2
}
.search-area.min {
 width:0;
 border-color:#000
}
.my_message a span {
 display:none
}
.my_message .msg_remind {
 display:none;
 position:absolute;
 width:6px;
 height:6px;
 background-color:#f01414;
 right:14px;
 top:14px;
 border-radius:50%
}
.msg_icon {
 display:none;
 position:absolute;
 padding:0 5px;
 height:16px;
 left:32px;
 top:10px;
 line-height:16px;
 background:#f01414;
 border-radius:50%;
 color:#fff;
 font-style:normal;
 font-size:10px
}
.my_mp span {
 display:block;
 line-height:16px;
 color:#6c7072
}
.my_mp .mp {
 padding-top:12px;
 font-size:12px
}
.my_mp a:hover .mp_num {
 color:#fff
}
.set_btn {
 right:0
}
.set_btn img {
 border-radius:50%;
 display:inline-block;
 background:url(/static/img/menu_icon.png) no-repeat
}
#nav_list {
 display:none;
 z-index:999;
 width:140px;
 position:absolute;
 top:60px;
 right:0;
 background:#363c41;
 list-style:none
}
#nav_list li a {
 border-top:1px solid #4a5153;
 height:39px;
 line-height:39px;
 font-size:14px;
 background-image:url(/static/img/menu_icon.png?t=10);
 background-repeat:no-repeat;
 display:block;
 color:#fff;
 text-align:left;
 padding:0 0 0 47px;
 width:auto
}
#nav_list a:hover {
 color:#fff;
 background-color:#4d5559
}
#nav_list #my_space {
 padding:0 18px;
 background-image:none;
 border:0;
 height:49px;
 line-height:49px;
 text-align:center
}
.bordered,.panel-heading {
 border-bottom:solid 1px #d0d6d9
}
#nav_list .my_message {
 background-position:19px -46px
}
#nav_list #my_note {
 background-position:19px -90px
}
#nav_list #my_question {
 background-position:19px -128px
}
#nav_list #my_setting {
 background-position:19px -167px
}
#nav_list #my_logout {
 background-position:19px -207px
}
.myspace_remind {
 width:10px;
 height:10px;
 background:url(/static/img/space-remind.png) no-repeat;
 position:absolute;
 top:10px;
 right:10px
}
#footer {
 background:#1c1f21;
 border-top:1px solid #e2e4e6;
 font-size:12px;
 color:#787d82;
 padding:27px 0;
 min-width:620px
}
#footer .waper {
 width:auto;
 max-width:1200px
}
#footer .footer_intro {
 padding-left:40px
}
#footer p {
 line-height:1.7
}
.footer_logo {
 display:none;
 float:left;
 background:url(/static/img/common/footer-sprite.png?t=2) 0 -230px no-repeat;
 height:40px;
 width:120px;
 margin:0 20px
}
#footer .des {
 width:445px
}
#footer .followus {
 margin-right:34px;
 padding-left:30px
}
.followus a {
 float:left;
 position:relative;
 width:32px;
 height:32px;
 background-image:url(/static/img/common/footer-sprite.png?t=2);
 background-repeat:no-repeat;
 margin:3px 6px 0;
 opacity:.5;
 filter:alpha(opacity=50);
 -webkit-transition:opacity .2s;
 -moz-transition:opacity .2s;
 transition:opacity .2s;
 z-index:2
}
#footer .followus a:hover {
 opacity:1;
 filter:alpha(opacity=100)
}
.flw-weixin-box {
 position:absolute;
 display:none;
 width:170px;
 height:220px;
 left:-69px;
 bottom:35px;
 background:url(/static/img/common/footer-sprite.png?t=2) no-repeat
}
.followus .followus-weixin {
 background-position:0 -279px
}
.followus-weixin:hover .flw-weixin-box {
 display:block
}
.followus .followus-weibo {
 background-position:0 -321px
}
.followus .followus-qzone {
 background-position:0 -363px
}
.friend-links {
 line-height:60px
}
.friend-links a {
 display:inline-block;
 margin-right:20px
}
.friend-links a:hover {
 text-decoration:underline;
 color:#000
}
.friend-links dl {
 padding:0 10px
}
.friend-links dd {
 float:left;
 width:160px
}
.footer_link ul {
 overflow:hidden;
 margin-top:-1px
}
.footer_link a:active,.footer_link a:link,.footer_link a:visited {
 color:#c8cdd2
}
.footer_link a:hover {
 color:#fff
}
#footer .footer_link {
 margin-bottom:4px;
 line-height:1.8
}
#footer .footer_link li {
 margin-right:30px;
 text-align:center;
 float:left
}
.page {
 margin:25px 0 auto;
 overflow:hidden;
 clear:both;
 text-align:center
}
.page-inner {
 padding:0 20px
}
.page a,.page span,.page-disabled {
 padding:0 4px;
 min-width:24px;
 line-height:32px;
 font-size:14px;
 display:inline-block;
 text-align:center
}
.page a {
 margin:0 8px;
 color:#4d555d;
 border-radius:16px;
 -webkit-transition:border-color .2s;
 -moz-transition:border-color .2s;
 transition:border-color .2s
}
.page a.text-page-tag:hover {
 background:#d9dde1;
 color:#4d555d;
 text-decoration:none
}
.page a.text-page-tag.active {
 background:#4d555d;
 color:#fff
}
.panel,select {
 background-color:#fff
}
.page span,.page-disabled {
 height:32px;
 color:#c8cdd2
}
.page-first,.page-last {
 width:50px
}
.page-next,.page-prev {
 width:70px
}
.progress,progress {
 width:400px;
 height:6px
}
.page .notmargin {
 margin-right:0
}
.panel {
 -webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
 -moz-box-shadow:0 2px 4px rgba(0,0,0,.2);
 box-shadow:0 2px 4px rgba(0,0,0,.2);
 padding:0 20px;
 color:#1c1f21;
 margin-bottom:20px
}
.panel-title {
 height:50px;
 line-height:50px;
 font-size:16px
}
select {
 margin:0;
 cursor:pointer;
 font-weight:400;
 border:1px solid #ccc;
 color:#555;
 display:inline-block;
 font-size:14px;
 height:30px;
 line-height:30px;
 padding:4px 6px
}
select:focus {
 outline:#333 dotted thin;
 outline:-webkit-focus-ring-color auto 5px;
 outline-offset:-2px
}
a.btn-add-collection {
 display:block;
 background:url(/static/img/course/new_add_collection.png) 46px top no-repeat;
 height:32px;
 color:#909b9e;
 text-align:center;
 line-height:35px
}
.progress,progress {
 display:inline-block
}
a.btn-add-collection:hover {
 background-position:46px -44px;
 color:#fff
}
a.btn-remove-collection {
 background-position:46px -88px;
 color:#909b9e
}
a.btn-remove-collection:hover {
 background-position:46px -130px
}
.course-title .btn-add-collection {
 margin-top:6px
}
.videohead .btn-add-collection {
 margin-top:20px
}
.js-btn-collection .concerned-icon {
 margin-top:34px;
 display:inline-block
}
progress {
 background:#f0f0f0;
 border:0;
 color:#aad94a
}
progress::-webkit-progress-bar {
 background:#f0f0f0
}
progress::-moz-progress-bar {
 background:#aad94a
}
progress::-webkit-progress-value {
 background:#aad94a
}
.progress {
 background:#f0f0f0
}
.progressBar {
 background:#aad94a;
 height:6px
}
.teacher-icon {
 width:7px;
 margin-left:5px;
 position:relative;
 top:1px
}
.elevator {
 position:fixed;
 padding:0 16px;
 top:55%;
 margin-top:-140px;
 right:0;
 z-index:899;
 background-color:#fff;
 box-shadow:0 4px 12px 0 rgba(7,17,27,.1)
}
.elevator a {
 display:block;
 width:26px;
 padding:16px 0;
 font-size:22px;
 line-height:20px;
 color:#b5b9bc;
 box-sizing:border-box;
 text-align:center;
 border-bottom:1px solid #edf1f2
}
.elevator a:hover {
 color:#14191e
}
.elevator a i {
 font-size:24px;
 color:#D9DDE1
}
.elevator a i:hover {
 color:#14191e
}
.elevator a span {
 display:none;
 font-size:12px;
 color:#07111b;
 line-height:12px
}
.elevator .no-goto {
 border-bottom:none
}
.elevator .elevator-app:hover i,.elevator .elevator-faq:hover i,.elevator .elevator-msg:hover i,.elevator .elevator-top:hover i,.elevator .elevator-weixin:hover i {
 display:none
}
.elevator .elevator-app:hover span,.elevator .elevator-faq:hover span,.elevator .elevator-msg:hover span,.elevator .elevator-top:hover span,.elevator .elevator-weixin:hover span {
 display:inline-block
}
.elevator .elevator-app-box {
 position:absolute;
 width:172px;
 height:212px;
 bottom:-2px;
 right:56px;
 -webkit-transition:opacity .25s,transform .3s;
 -moz-transition:opacity .25s,transform .3s;
 transition:opacity .25s,transform .3s;
 opacity:0;
 filter:alpha(opacity=0);
 max-width:0;
 -webkit-transform:scale(.01);
 -ms-transform:scale(.01);
 transform:scale(.01);
 -webkit-transform-origin:100% 95%;
 -ms-transform-origin:100% 95%;
 transform-origin:100% 95%;
 background:url(/static/img/common/elevator.png?t=3) 0 -220px no-repeat
}
.elevator .elevator-app:hover .elevator-app-box {
 display:block;
 visibility:visible;
 opacity:1;
 filter:alpha(opacity=100);
 max-width:none;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.elevator .elevator-weixin-box {
 position:absolute;
 width:172px;
 height:212px;
 bottom:-4px;
 right:56px;
 -webkit-transition:opacity .25s,transform .3s;
 -moz-transition:opacity .25s,transform .3s;
 transition:opacity .25s,transform .3s;
 opacity:0;
 filter:alpha(opacity=0);
 max-width:0;
 -webkit-transform:scale(.01);
 -ms-transform:scale(.01);
 transform:scale(.01);
 -webkit-transform-origin:100% 95%;
 -ms-transform-origin:100% 95%;
 transform-origin:100% 95%;
 background:url(/static/img/common/elevator.png?t=3) no-repeat
}
.elevator .elevator-weixin:hover .elevator-weixin-box {
 display:block;
 visibility:visible;
 opacity:1;
 filter:alpha(opacity=100);
 max-width:none;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.btn,.cpt-close i,.cpt-ct i,.cpt-handle a {
 display:inline-block
}
a,button,input {
 outline:0
}
a:active {
 star:expression(this.onFocus=this.blur())
}
button::-moz-focus-inner {
 border:0
}
input::-moz-focus-inner {
 border:0
}
.autowrap {
 word-wrap:break-word;
 word-break:break-all
}
.compatible-contianer {
 position:fixed;
 top:0;
 left:0;
 right:0;
 min-width:800px;
 height:30px;
 line-height:30px;
 background:url(/static/img/iebg.gif) repeat-x;
 z-index:999999
}
.cpt-ct {
 color:#363636;
 font-size:12px;
 text-align:center
}
.cpt-ct i {
 width:12px;
 height:14px;
 vertical-align:-2px;
 margin-right:5px;
 background:url(/static/img/iefixed-sprite.png) no-repeat
}
.cpt-ct a {
 color:#39b94e
}
.cpt-ct a:hover {
 text-decoration:underline
}
.cpt-handle {
 position:absolute;
 right:20px;
 top:0;
 font-size:12px;
 line-height:27px
}
.cpt-handle a {
 vertical-align:middle
}
.cpt-handle .cpt-agin {
 color:#656e73;
 margin-right:5px
}
.cpt-handle .cpt-agin:hover {
 color:#363d40
}
.cpt-close {
 width:16px;
 height:16px;
 text-align:center;
 line-height:16px;
 border-radius:50%;
 transition:.3s
}
.cpt-close:hover {
 background-color:#fc8800
}
.cpt-close i {
 height:8px;
 width:8px;
 vertical-align:1px;
 background:url(/static/img/iefixed-sprite.png) 0 -24px no-repeat
}
.cpt-close:hover i {
 background-position:0 -42px
}
.layer-usercard {
 position:absolute;
 z-index:999;
 width:370px;
 height:165px;
 background:#fff;
 box-shadow:0 2px 2px #999
}
.layer-usercard .arrow {
 position:absolute;
 left:65px;
 top:-11px;
 width:19px;
 height:11px;
 background:url(/static/img/dot_usercard.png)
}
.layer-usercard-header {
 height:110px;
 background:#2a2c2e
}
.btn,.btn.active,.btn:active {
 outline:0;
 background-image:none
}
.layer-usercard-header .avatar img {
 border-radius:50px;
 left:21px;
 position:absolute;
 top:21px;
 border:3px solid #7f8082
}
.layer-usercard-header dd,.layer-usercard-header dt {
 float:right;
 width:245px;
 padding-right:20px;
 color:#fff
}
.layer-usercard-header dt {
 padding-top:20px;
 font-size:18px
}
.layer-usercard-header dd {
 font-size:12px
}
.layer-usercard-info ul {
 overflow:hidden;
 padding-top:16px;
 height:32px;
 font-size:16px;
 color:#364247;
 position:relative
}
.layer-usercard-info li {
 float:left;
 padding:0 22px;
 border-right:1px solid #d9d9d9
}
.layer-usercard-info span {
 color:#969b9e;
 font-size:12px
}
.layer-usercard-info li.noborder {
 border:0
}
li.layer-usercard-medal {
 padding:0;
 top:12px;
 right:10px;
 width:117px;
 position:absolute;
 border:0
}
.layer-usercard-medal a {
 width:32px;
 height:32px;
 float:left;
 margin-right:5px;
 border-radius:1px;
 overflow:hidden
}
.ipt,select.ipt {
 height:20px;
 line-height:20px
}
.ipt {
 color:#1c1f21;
 background-color:#fff;
 border:1px solid #98a1a6;
 padding:9px;
 font-size:14px;
 border-radius:0;
 -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
select[multiple].ipt,textarea.ipt {
 height:auto
}
.ipt:-moz-placeholder {
 color:#c8cdd2
}
.ipt::-moz-placeholder {
 color:#c8cdd2;
 opacity:1
}
.ipt:-ms-input-placeholder {
 color:#c8cdd2
}
.ipt::-webkit-input-placeholder {
 color:#c8cdd2
}
.ipt.placeholder {
 color:#c8cdd2
}
.ipt:focus {
 border-color:#1c1f21;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4)
}
.ipt.disabled,.ipt[disabled],.ipt[readonly] {
 cursor:default;
 background-color:#edf1f2;
 opacity:1
}
.btn,.btn-red {
 cursor:pointer
}
.ipt-error {
 color:#ec1500;
 border-color:#ec1500;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.ipt-error:focus {
 border-color:#ec1500;
 outline:0;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4)
}
.btn {
 margin-bottom:0;
 font-weight:200;
 text-align:center;
 vertical-align:middle;
 touch-action:manipulation;
 text-decoration:none;
 box-sizing:content-box;
 border:1px solid transparent;
 -webkit-appearance:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.btn.focus,.btn:focus,.btn:hover {
 color:#fff;
 text-decoration:none
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
 pointer-events:none;
 opacity:.65;
 filter:alpha(opacity=65);
 box-shadow:none
}
.btn-red {
 color:#fff;
 background-color:#ec1500;
 border-color:#ec1500;
 border-style:solid;
 border-width:1px;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-blue,.btn-green {
 -moz-transition:all .3s;
 color:#fff;
 border-style:solid;
 border-width:1px;
 -weibkit-transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-red:link,.btn-red:visited {
 color:#fff
}
.btn-red.focus,.btn-red:focus,.btn-red:hover {
 color:#fff;
 background-color:#ff2611;
 border-color:#ff2611
}
.btn-red.active,.btn-red:active {
 background-color:#d31300;
 border-color:#d31300
}
.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#ec1500;
 border-color:#ec1500
}
.btn-blue {
 background-color:#1481b8;
 border-color:#1481b8;
 cursor:pointer;
 transition:all .3s
}
.btn-blue:link,.btn-blue:visited {
 color:#fff
}
.btn-blue.focus,.btn-blue:focus,.btn-blue:hover {
 color:#fff;
 background-color:#1898d8;
 border-color:#1898d8
}
.btn-blue.active,.btn-blue:active {
 background-color:#1271a1;
 border-color:#1271a1
}
.btn-blue.disabled,.btn-blue.disabled.active,.btn-blue.disabled.focus,.btn-blue.disabled:active,.btn-blue.disabled:focus,.btn-blue.disabled:hover,.btn-blue[disabled],.btn-blue[disabled].active,.btn-blue[disabled].focus,.btn-blue[disabled]:active,.btn-blue[disabled]:focus,.btn-blue[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#1481b8;
 border-color:#1481b8
}
.btn-green {
 background-color:#17823b;
 border-color:#17823b;
 cursor:pointer;
 transition:all .3s
}
.btn-green:link,.btn-green:visited {
 color:#fff
}
.btn-green.focus,.btn-green:focus,.btn-green:hover {
 color:#fff;
 background-color:#1ca048;
 border-color:#1ca048
}
.btn-normal,.btn-normal:link,.btn-normal:visited {
 color:#787d82
}
.btn-green.active,.btn-green:active {
 background-color:#136c31;
 border-color:#136c31
}
.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled.focus,.btn-green.disabled:active,.btn-green.disabled:focus,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled].focus,.btn-green[disabled]:active,.btn-green[disabled]:focus,.btn-green[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#17823b;
 border-color:#17823b
}
.btn-normal {
 background-color:#fff;
 border-color:#d0d6d9;
 border-style:solid;
 border-width:1px;
 cursor:pointer;
 -weibkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 width:138px;
 height:38px;
 line-height:38px;
 font-size:14px
}
.btn-normal.focus,.btn-normal:focus,.btn-normal:hover {
 color:#787d82;
 background-color:#edf1f2;
 border-color:#98a1a6
}
.btn-normal.active,.btn-normal:active {
 background-color:#f2f2f2;
 border-color:#c2cace
}
.btn-normal.disabled,.btn-normal.disabled.active,.btn-normal.disabled.focus,.btn-normal.disabled:active,.btn-normal.disabled:focus,.btn-normal.disabled:hover,.btn-normal[disabled],.btn-normal[disabled].active,.btn-normal[disabled].focus,.btn-normal[disabled]:active,.btn-normal[disabled]:focus,.btn-normal[disabled]:hover {
 cursor:default;
 box-shadow:none;
 background-color:#fff;
 border-color:#d0d6d9
}
.btn-sm {
 width:78px;
 height:28px;
 line-height:28px;
 font-size:12px
}
.send-area-result dd,.send-area-result dt {
 height:40px;
 line-height:40px
}
.send-area-result {
 background:#fff;
 box-shadow:0 0 8px rgba(0,0,0,.4);
 -moz-box-shadow:0 0 8px rgba(0,0,0,.4);
 -webkit-box-shadow:0 0 8px rgba(0,0,0,.4);
 position:absolute;
 top:58px;
 left:0;
 width:inherit
}
.send-area-result dt {
 font-size:12px;
 color:#c8cdd2;
 padding:0 10px
}
.send-area-result dd a.questiontitle {
 border:none;
 font-size:14px;
 color:#787d82;
 width:inherit;
 text-align:left;
 height:40px;
 line-height:40px;
 padding:0 10px;
 display:block
}
.oncurr {
 color:#14191e;
 background:#edf1f2
}
.send-area-result dd a.questiontitle em,.send-area-result dd a.questiontitle i {
 font-style:normal;
 font-size:12px;
 margin-left:10px
}
.send-area-result dd a.questiontitle em {
 color:#c8cdd2
}
.send-area-result dd a.questiontitle i {
 color:#00b33b
}
.visible-xs-block {
 display:none
}
@media screen and (max-width:1440px) {
 .search-warp {
  margin-left:10px!important
 }
 .search-area {
  width:140px!important
 }
}
@media screen and (max-width:1200px) {
 .nav-item li {
  transition:.3s;
  margin:0
 }
 .nav-item li a {
  padding:0 8px!important
 }
 .search-area {
  width:140px!important
 }
 #footer .followus {
  padding-left:0
 }
 #footer .footer_link li {
  margin-right:10px
 }
}
@media screen and (max-width:979px) {
 #nav,.nav-item li a {
  padding:0 15px
 }
 #logo {
  margin-left:0
 }
 #logo a {
  width:130px
 }
 .logined li>a,.remind_warp {
  width:50px
 }
 .msg_icon {
  left:30px
 }
 .remind_warp .msg_remind {
  right:5px
 }
 .header-app {
  display:none
 }
 #footer .followus a,#footer .footer_link li {
  float:none;
  display:inline-block
 }
 .search-area {
  width:200px
 }
 .header-signin a {
  width:50px
 }
 #footer {
  text-align:center
 }
 #footer .followus {
  float:none;
  padding:0;
  margin-bottom:8px
 }
 #footer .footer_intro {
  float:none;
  padding-left:0
 }
 #footer .footer_link li {
  margin-right:16px
 }
}
@media screen and (max-width:767px) {
 body.slide-left,html.holding {
  height:100%;
  overflow:hidden
 }
 #nav {
  padding:0 15px
 }
 #logo {
  margin-left:0
 }
 #logo a {
  width:120px
 }
 .elevator,.wd-scroll {
  display:none
 }
 .visible-xs-block {
  display:block
 }
 #footer,#login-area,.search-warp,footer {
  display:none
 }
 body:after {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  z-index:1000;
  content:" ";
  display:block;
  background:#000;
  opacity:0;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  visibility:hidden
 }
 body.slide-left {
  -webkit-transform:translate(-130px,0);
  -ms-transform:translate(-130px,0);
  transform:translate(-130px,0);
  margin-right:-130px;
  padding-right:130px
 }
 body.slide-left:after {
  left:-130px;
  visibility:visible;
  opacity:.3;
  z-index:1002
 }
 .navbar-toggle {
  position:relative;
  float:right;
  border:0;
  color:#fff;
  margin-top:10px;
  margin-right:-5px;
  outline:0;
  padding:5px 10px
 }
 .navbar-toggle,.navbar-toggle:focus,.navbar-toggle:hover {
  background:0 0
 }
 .navbar-toggle .icon-menu {
  color:#fff;
  font-size:32px
 }
 body.slide-left .nav-item {
  display:block
 }
}
.newcomer {
 width:100%;
 height:136px;
 position:fixed;
 left:0;
 bottom:0;
 z-index:999;
 background-image:url(/static/img/newcomer.png);
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.newcomer i {
 position:absolute;
 right:20px;
 bottom:48px;
 font-size:20px;
 color:rgba(255,255,255,.6)
}
.newcomer i:hover {
 color:#fff
}
.newcomer_mask {
 position:fixed;
 z-index:998;
 width:100%;
 height:100%;
 left:0;
 bottom:0;
 background:rgba(7,17,27,.6)
}
.newcomer_modal {
 position:fixed;
 z-index:999;
 left:50%;
 margin-left:-198px;
 top:50%;
 margin-top:-190px;
 width:396px;
 height:390px;
 background:url(/static/img/newcomer_bg.png) no-repeat #FFF;
 border-radius:12px;
 background-size:100% 360px
}
.newcomer_modal .get-btn {
 width:320px;
 height:48px;
 margin:280px auto 16px;
 font-weight:700;
 font-size:16px;
 color:#FFF;
 text-align:center;
 line-height:48px;
 cursor:pointer;
 background-image:linear-gradient(-135deg,#f9662d 0,#f01414 100%);
 border-radius:24px
}
.newcomer_modal .next-time {
 font-size:14px;
 color:#9199A1;
 line-height:22px;
 text-align:center;
 cursor:pointer
}
.newcomer_modal .next-time:hover {
 color:#545c63
}
@media screen and (max-width:480px) {
 .elevator,.wd-scroll {
  display:none
 }
}
@font-face {
 font-family:icomoon;
 src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx);
 src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx#iefix) format('embedded-opentype'),url(/static/fonts/icomoon/fonts/icomoon.ttf?d8493nx) format('truetype'),url(/static/fonts/icomoon/fonts/icomoon.woff?d8493nx) format('woff'),url(/static/fonts/icomoon/fonts/icomoon.svg?d8493nx#icomoon) format('svg');
 font-weight:400;
 font-style:normal
}
[class*=" icon-"],[class^=icon-] {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-score_shop:before {
 content:"\e927"
}
.icon-receipt:before {
 content:"\e928"
}
.icon-set_key:before {
 content:"\e922"
}
.icon-set_sns:before {
 content:"\e923"
}
.icon-set_phone:before {
 content:"\e924"
}
.icon-set_email:before {
 content:"\e925"
}
.icon-remove_circle:before {
 content:"\e921"
}
.icon-set2:before {
 content:"\e920"
}
.icon-share2:before {
 content:"\e91f"
}
.icon-thumb_o:before {
 content:"\e91e"
}
.icon-check:before {
 content:"\e91d"
}
.icon-radiobu_on:before {
 content:"\e919"
}
.icon-radiobut_off:before {
 content:"\e91a"
}
.icon-checkbox_o:before {
 content:"\e91b"
}
.icon-checkbox:before {
 content:"\e91c"
}
.icon-group_add:before {
 content:"\e918"
}
.icon-exp_o:before {
 content:"\e917"
}
.icon-left3:before {
 content:"\e90a"
}
.icon-godown:before {
 content:"\e910"
}
.icon-goup:before {
 content:"\e912"
}
.icon-notifi:before {
 content:"\e909"
}
.icon-del:before {
 content:"\e60f"
}
.icon-edit:before {
 content:"\e60b"
}
.icon-drop_left:before {
 content:"\e915"
}
.icon-drop_right:before {
 content:"\e90b"
}
.icon-drop_up:before {
 content:"\e916"
}
.icon-drop_down:before {
 content:"\e90c"
}
.icon-notdisplay:before {
 content:"\e90d"
}
.icon-wiki:before {
 content:"\e608"
}
.icon-blog:before {
 content:"\e90e"
}
.icon-yuanwen:before {
 content:"\e90f"
}
.icon-plan:before {
 content:"\e609"
}
.icon-shizhan:before {
 content:"\e911"
}
.icon-tick:before {
 content:"\e600"
}
.icon-left2:before {
 content:"\e913"
}
.icon-right2:before {
 content:"\e914"
}
.icon-down2:before {
 content:"\e903"
}
.icon-up2:before {
 content:"\e904"
}
.icon-flag2:before {
 content:"\e902"
}
.icon-close2:before {
 content:"\e905"
}
.icon-star_outline:before {
 content:"\e901"
}
.icon-star2:before {
 content:"\e900"
}
.icon-show-pw:before {
 content:"\e648"
}
.icon-share-weibo:before {
 content:"\e645"
}
.icon-share-weichat:before {
 content:"\e646"
}
.icon-share-qq:before {
 content:"\e647"
}
.icon-home:before {
 content:"\e601"
}
.icon-clock:before {
 content:"\e602"
}
.icon-chat:before {
 content:"\e603"
}
.icon-msg:before {
 content:"\e604"
}
.icon-resp:before {
 content:"\e605"
}
.icon-addques:before {
 content:"\e606"
}
.icon-user:before {
 content:"\e607"
}
.icon-note:before {
 content:"\e60a"
}
.icon-share:before {
 content:"\e60c"
}
.icon-set:before {
 content:"\e60d"
}
.icon-camera:before {
 content:"\e60e"
}
.icon-search:before {
 content:"\e610"
}
.icon-key:before {
 content:"\e611"
}
.icon-smail:before {
 content:"\e613"
}
.icon-point:before {
 content:"\e614"
}
.icon-tick2:before {
 content:"\e616"
}
.icon-chapter:before {
 content:"\e617"
}
.icon-mobile:before {
 content:"\e618"
}
.icon-gotop:before {
 content:"\e619"
}
.icon-statistic:before {
 content:"\e61a"
}
.icon-code:before {
 content:"\e61b"
}
.icon-video:before {
 content:"\e61c"
}
.icon-test:before {
 content:"\e61d"
}
.icon-menu:before {
 content:"\e61e"
}
.icon-plus:before {
 content:"\e61f"
}
.icon-sub:before {
 content:"\e620"
}
.icon-close:before {
 content:"\e621"
}
.icon-exit:before {
 content:"\e626"
}
.icon-refresh:before {
 content:"\e627"
}
.icon-again:before {
 content:"\e628"
}
.icon-bell:before {
 content:"\e629"
}
.icon-nobell:before {
 content:"\e62a"
}
.icon-nolearn:before {
 content:"\e62b"
}
.icon-half:before {
 content:"\e62c"
}
.icon-full:before {
 content:"\e62d"
}
.icon-info:before {
 content:"\e926"
}
.icon-point-revert:before {
 content:"\e62e"
}
.icon-ques-revert:before {
 content:"\e62f"
}
.icon-tick-revert:before {
 content:"\e630"
}
.icon-flag:before {
 content:"\e631"
}
.icon-msg-revert:before {
 content:"\e632"
}
.icon-ad:before {
 content:"\e633"
}
.icon-imooc:before {
 content:"\e634"
}
.icon-thumb:before {
 content:"\e635"
}
.icon-thumb-revert:before {
 content:"\e636"
}
.icon-star:before {
 content:"\e637"
}
.icon-star-revert:before {
 content:"\e638"
}
.icon-heart:before {
 content:"\e639"
}
.icon-heart-revert:before {
 content:"\e63a"
}
.icon-qq:before {
 content:"\e63b"
}
.icon-weibo:before {
 content:"\e63c"
}
.icon-qqweibo:before {
 content:"\e63d"
}
.icon-weixin:before {
 content:"\e63e"
}
.icon-folder:before {
 content:"\e63f"
}
.icon-jian:before {
 content:"\e640"
}
.icon-ding:before {
 content:"\e641"
}
.icon-you:before {
 content:"\e642"
}
.icon-apple:before {
 content:"\e643"
}
.icon-android:before {
 content:"\e644"
}
.icon-mail:before {
 content:"\e612"
}
.icon-wxgzh:before {
 content:"\e907"
}
.icon-appdownload:before {
 content:"\e908"
}
.icon-feedback:before {
 content:"\e906"
}
.icon-shopping-cart:before {
 content:"\e929"
}
.icon-ques:before {
 content:"\e615"
}
.icon-down:before {
 content:"\e622"
}
.icon-left:before {
 content:"\e623"
}
.icon-top:before {
 content:"\e624"
}
.icon-right:before {
 content:"\e625"
}
@font-face {
 font-family:imv2;
 src:url(/static/fonts/imv2/fonts/imv2.eot?elwc2k);
 src:url(/static/fonts/imv2/fonts/imv2.eot?elwc2k#iefix) format('embedded-opentype'),url(/static/fonts/imv2/fonts/imv2.ttf?elwc2k) format('truetype'),url(/static/fonts/imv2/fonts/imv2.woff?elwc2k) format('woff'),url(/static/fonts/imv2/fonts/imv2.svg?elwc2k#imv2) format('svg');
 font-weight:400;
 font-style:normal
}
[class*=" imv2-"],[class^=imv2-] {
 font-family:imv2!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.imv2-windows:before {
 content:"\e92a"
}
.imv2-head1:before {
 content:"\e928"
}
.imv2-head2:before {
 content:"\e929"
}
.imv2-cloud_webide:before {
 content:"\e926"
}
.imv2-open_code:before {
 content:"\e927"
}
.imv2-dot_normal:before {
 content:"\e924"
}
.imv2-dot_samll:before {
 content:"\e925"
}
.imv2-code_circle:before {
 content:"\e920"
}
.imv2-exercise_circle:before {
 content:"\e921"
}
.imv2-homework_circle:before {
 content:"\e922"
}
.imv2-video_circle:before {
 content:"\e923"
}
.imv2-line:before {
 content:"\e91e"
}
.imv2-school:before {
 content:"\e91d"
}
.imv2-pin:before {
 content:"\e91c"
}
.imv2-path:before {
 content:"\e91a"
}
.imv2-war:before {
 content:"\e91b"
}
.imv2-score_shop:before {
 content:"\e563"
}
.imv2-receipt:before {
 content:"\e8b0"
}
.imv2-loading:before {
 content:"\e918"
}
.imv2-play_circle:before {
 content:"\e038"
}
.imv2-cloud_upload:before {
 content:"\e2c3"
}
.imv2-cloud_download:before {
 content:"\e2c0"
}
.imv2-cloud_done:before {
 content:"\e2bf"
}
.imv2-cloud:before {
 content:"\e42d"
}
.imv2-alarm:before {
 content:"\e855"
}
.imv2-nav_chapter:before {
 content:"\e916"
}
.imv2-nav_qa:before {
 content:"\e917"
}
.imv2-nav_note:before {
 content:"\e22b"
}
.imv2-set-key:before {
 content:"\e903"
}
.imv2-set-sns:before {
 content:"\e904"
}
.imv2-set-email:before {
 content:"\e905"
}
.imv2-feedback:before {
 content:"\e906"
}
.imv2-appdownload:before {
 content:"\e907"
}
.imv2-weixigzh:before {
 content:"\e908"
}
.imv2-lock:before {
 content:"\e897"
}
.imv2-chapter:before {
 content:"\e900"
}
.imv2-half:before {
 content:"\e901"
}
.imv2-empty:before {
 content:"\e902"
}
.imv2-video:before {
 content:"\e037"
}
.imv2-code:before {
 content:"\e86f"
}
.imv2-exercise:before {
 content:"\e164"
}
.imv2-homework:before {
 content:"\e909"
}
.imv2-arrow1_l:before {
 content:"\e5c6"
}
.imv2-arrow1_r:before {
 content:"\e5cb"
}
.imv2-arrow1_u:before {
 content:"\e5c7"
}
.imv2-arrow1_d:before {
 content:"\e5c5"
}
.imv2-arrow2_l:before {
 content:"\e408"
}
.imv2-arrow2_r:before {
 content:"\e409"
}
.imv2-arrow2_u:before {
 content:"\e5ce"
}
.imv2-arrow2_d:before {
 content:"\e5cf"
}
.imv2-arrow3_l:before {
 content:"\e5c4"
}
.imv2-arrow3_r:before {
 content:"\e5c8"
}
.imv2-arrow3_u:before {
 content:"\e5d8"
}
.imv2-arrow3_d:before {
 content:"\e5db"
}
.imv2-checkbox:before {
 content:"\e834"
}
.imv2-checkbox_onk:before {
 content:"\e835"
}
.imv2-radiobox:before {
 content:"\e837"
}
.imv2-radiobxo_o:before {
 content:"\e836"
}
.imv2-check:before {
 content:"\e5ca"
}
.imv2-check_c:before {
 content:"\e86c"
}
.imv2-close:before {
 content:"\e5cd"
}
.imv2-close_c:before {
 content:"\e5c9"
}
.imv2-error_c:before {
 content:"\e000"
}
.imv2-info:before {
 content:"\e88e"
}
.imv2-add_circle_o:before {
 content:"\e3ba"
}
.imv2-add_circle:before {
 content:"\e147"
}
.imv2-help_outline:before {
 content:"\e8fd"
}
.imv2-help:before {
 content:"\e887"
}
.imv2-thumb_up:before {
 content:"\e8dc"
}
.imv2-thumb_down:before {
 content:"\e8db"
}
.imv2-history:before {
 content:"\e8b5"
}
.imv2-cart:before {
 content:"\e8cc"
}
.imv2-add_cart:before {
 content:"\e854"
}
.imv2-star:before {
 content:"\e838"
}
.imv2-star_h:before {
 content:"\e919"
}
.imv2-delete:before {
 content:"\e872"
}
.imv2-edit:before {
 content:"\e254"
}
.imv2-replay:before {
 content:"\e042"
}
.imv2-refresh:before {
 content:"\e90a"
}
.imv2-set_1:before {
 content:"\e8b8"
}
.imv2-set_2:before {
 content:"\e429"
}
.imv2-folder:before {
 content:"\e2c7"
}
.imv2-share:before {
 content:"\e80d"
}
.imv2-visibility:before {
 content:"\e8f4"
}
.imv2-visibility_off:before {
 content:"\e8f5"
}
.imv2-search:before {
 content:"\e8b6"
}
.imv2-message:before {
 content:"\e159"
}
.imv2-notifications:before {
 content:"\e7f4"
}
.imv2-home:before {
 content:"\e88a"
}
.imv2-kecheng:before {
 content:"\e86e"
}
.imv2-shizhan:before {
 content:"\e1e2"
}
.imv2-lujing:before {
 content:"\e14f"
}
.imv2-yuanwen:before {
 content:"\e90b"
}
.imv2-shouji:before {
 content:"\e90c"
}
.imv2-wiki:before {
 content:"\e90d"
}
.imv2-follow_user:before {
 content:"\e7f0"
}
.imv2-photo:before {
 content:"\e412"
}
.imv2-tag_faces:before {
 content:"\e420"
}
.imv2-pause:before {
 content:"\e034"
}
.imv2-fullscreen:before {
 content:"\e5d0"
}
.imv2-fullscreen_exit:before {
 content:"\e5d1"
}
.imv2-vol_up:before {
 content:"\e050"
}
.imv2-vol_down:before {
 content:"\e04d"
}
.imv2-vol_mute:before {
 content:"\e04e"
}
.imv2-vol_off:before {
 content:"\e04f"
}
.imv2-ios:before {
 content:"\e90e"
}
.imv2-android:before {
 content:"\e859"
}
.imv2-weixin:before {
 content:"\e90f"
}
.imv2-qq:before {
 content:"\e910"
}
.imv2-weibo:before {
 content:"\e911"
}
.imv2-weixin_c:before {
 content:"\e912"
}
.imv2-qq_c:before {
 content:"\e913"
}
.imv2-weibo_c:before {
 content:"\e914"
}
.imv2-imooc:before {
 content:"\e915"
}
.imv2-load_o:before {
 content:"\e88b"
}
.imv2-textsms:before {
 content:"\e0d8"
}
.imv2-follow_o:before {
 content:"\e87e"
}
.imv2-follow:before {
 content:"\e87d"
}
.imv2-add:before {
 content:"\e145"
}
.imv2-assignment_ind:before {
 content:"\e85e"
}
.imv2-flag:before {
 content:"\e153"
}
.imv2-finish:before {
 content:"\e3a6"
}
.imv2-build:before {
 content:"\e869"
}
.imv2-chat_bubble:before {
 content:"\e0ca"
}
.imv2-cloud_off:before {
 content:"\e2c1"
}
.imv2-description:before {
 content:"\e873"
}
.imv2-insert_invitation:before {
 content:"\e24f"
}
.imv2-event_busy:before {
 content:"\e615"
}
.imv2-filter_drama:before {
 content:"\e3dd"
}
.imv2-format_size:before {
 content:"\e245"
}
.imv2-bold:before {
 content:"\e238"
}
.imv2-italic:before {
 content:"\e23f"
}
.imv2-list_bulleted:before {
 content:"\e241"
}
.imv2-list_numbered:before {
 content:"\e242"
}
.imv2-link:before {
 content:"\e157"
}
.imv2-quote:before {
 content:"\e244"
}
.imv2-undo:before {
 content:"\e166"
}
.imv2-redo:before {
 content:"\e15a"
}
.imv2-import_image:before {
 content:"\e3c4"
}
.imv2-photo_image:before {
 content:"\e410"
}
.imv2-lightbulb_outline:before {
 content:"\e91f"
}
.imv2-memory:before {
 content:"\e322"
}
.imv2-more_horiz:before {
 content:"\e5d3"
}
.imv2-forward:before {
 content:"\e040"
}
.imv2-sim_card:before {
 content:"\e32b"
}
.imv2-stars:before {
 content:"\e8d0"
}
.imv2-straighten:before {
 content:"\e41c"
}
.imv2-invoice:before {
 content:"\e048"
}
.imv2-voicemail:before {
 content:"\e0d9"
}
.imv2-bright:before {
 content:"\e42e"
}
@font-face {
 font-family:DINCond-M;
 src:url(/static/fonts/DINCondm/DINCOND-MEDIUM.otf);
 font-weight:400;
 font-style:normal
}
.n-tab li a .msg-num,.n-tab li a .not-num,.n-tab li.active a .msg-num {
 font-size:12px
}
.n-tab {
 position:relative;
 z-index:1
}
.setup-popl {
 padding:0 36px;
 background-color:#fff;
 position:absolute;
 width:598px;
 left:50%;
 top:104px;
 margin-left:-335px;
 display:none;
 z-index:1001
}
.setup-popl .setup-popl-top {
 height:24px;
 padding:22px 0
}
.setup-popl .title {
 float:left;
 font-size:16px;
 font-weight:600;
 color:#07111b
}
.setup-popl .close {
 float:right;
 color:#93999f;
 margin-top:6px;
 cursor:pointer;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s
}
.setup-popl .save {
 float:right;
 margin:36px 0;
 width:80px;
 height:40px;
 line-height:40px;
 text-align:center;
 color:#fff;
 background-color:#f01414;
 cursor:pointer
}
.setup-popl .save:hover {
 background-color:#f04646
}
.setup-popl .close:hover {
 -webkit-transform:scale(1.5) rotate(10deg);
 -moz-transform:scale(1.5) rotate(10deg);
 transform:scale(1.5) rotate(10deg)
}
.setup-popl .setup-content {
 height:405px;
 overflow-y:auto
}
.setup-popl .setup-content dl {
 position:relative;
 width:568px
}
.setup-popl .setup-content .dt-tit {
 display:inline-block;
 padding-right:15px;
 background-color:#fff;
 color:#07111b;
 margin-right:15px;
 position:relative;
 z-index:1
}
.setup-popl .setup-content .dt-line {
 position:absolute;
 width:100%;
 height:1px;
 background-color:#d9dde1;
 line-height:1px;
 top:10px;
 left:0
}
.setup-popl .setup-content dd {
 padding-top:20px
}
.setup-popl .setup-content .dd-item {
 float:left;
 width:45%;
 padding-right:5%;
 margin-bottom:20px
}
.setup-popl .setup-content .switch {
 position:relative;
 float:left;
 width:40px;
 height:20px;
 margin:0 18px
}
.setup-popl .setup-content .switch .pinkline {
 position:absolute;
 width:100%;
 height:6px;
 border-radius:15px;
 top:8px;
 right:0;
 background-color:#d9dde1
}
.setup-popl .setup-content .switch .pinkround {
 position:absolute;
 width:16px;
 height:16px;
 border-radius:50%;
 background-color:#fff;
 border:2px solid #b7bbbf;
 top:0;
 left:0;
 cursor:pointer;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s
}
.setup-popl .setup-content .switch.on .pinkline {
 background-color:#fcd0d0
}
.setup-popl .setup-content .switch.on .pinkround {
 border-color:#f01414;
 left:20px
}
.setup-popl .setup-content .switchname {
 float:left;
 height:20px;
 line-height:20px;
 color:#71777d
}
.setup-coverLayer {
 position:fixed;
 width:100%;
 height:100%;
 background-color:#000;
 opacity:.6;
 z-index:1000;
 top:0;
 left:0;
 bottom:0;
 right:0;
 display:none
}
#main {
 background-color:#fff
}
.noticesPage {
 width:1200px;
 margin-left:auto;
 margin-right:auto
}
.n-tab {
 padding-left:30px
}
.n-tab li {
 float:left;
 height:60px;
 line-height:60px;
 border-bottom:2px solid transparent;
 margin-right:58px;
 position:relative;
 margin-bottom:-1px
}
.n-tab li a {
 color:#4d555d;
 font-size:16px
}
.n-tab li a:hover,.n-tab li.active a {
 color:#f01414
}
.n-tab li .msg_remind {
 display:none;
 position:absolute;
 width:6px;
 height:6px;
 background-color:#f01414;
 right:-6px;
 top:20px;
 border-radius:50%
}
.n-tab li.active {
 border-color:#f01414
}
* {
 margin:0;
 padding:0
}
.content {
 margin-bottom:42px
}
.title-bar {
 width:1200px;
 height:50px;
 background:#f3f5f7;
 font-family:"微软雅黑";
 font-size:14px;
 line-height:50px;
 color:#93999f;
 border-top:1px solid #b7bbbf
}
.title-bar .tip-test {
 color:#93999f;
 float:left;
 margin-left:20px
}
.title-bar .tag-read-btn,.title-bar .tip-setting {
 float:right;
 margin-right:20px;
 color:#4d555d
}
.title-bar .tag-read-btn:hover,.title-bar .tip-setting:hover {
 color:#07111b
}
.title-bar .tag-read-btn {
 margin-right:40px
}
.notice-list {
 width:100%
}
.notice-list .no-notice {
 width:100%;
 text-align:center;
 font:18px/300px "微软雅黑";
 color:#93999f
}
.notice-list .notice-box {
 padding:20px 10px
}
.notice-list .notice {
 position:relative;
 width:100%;
 box-sizing:border-box;
 border-bottom:1px solid #d9dde1;
 overflow:hidden
}
.notice-list .notice:hover .del-box {
 display:block
}
.notice-list .notice .notice-type {
 width:100px;
 height:30px;
 border:1px solid #f01414;
 background:#fde7e5;
 color:#f01414;
 line-height:30px;
 text-align:center;
 margin-right:20px;
 font-size:14px;
 float:left
}
.notice-list .notice .already-read {
 border:1px solid #d9dde1;
 background:#fff;
 color:#93999f
}
.notice-list .notice .notice-show-box {
 width:900px;
 float:left;
 font-family:"微软雅黑"
}
.notice-list .notice .notice-show-box .notice-title {
 color:#4d555d;
 font-size:20px;
 font-family:"微软雅黑"
}
.notice-list .notice .notice-show-box .notice-title a {
 color:#4d555d;
 font-weight:700;
 font-family:"微软雅黑";
 padding:0 5px
}
.notice-list .notice .notice-show-box .notice-title a:hover {
 color:#07111b
}
.notice-list .notice .notice-show-box .notice-text {
 color:#4d555d;
 font-size:16px;
 font-family:"微软雅黑"
}
.notice-list .notice .notice-show-box .pass {
 color:#93999f
}
.notice-list .notice .notice-show-box .pass a {
 color:#93999f;
 padding:0 5px
}
.notice-list .notice .notice-show-box .pass a:hover {
 color:#4d555d
}
.notice-list .notice .notice-show-date {
 width:140px;
 float:right;
 font-family:"微软雅黑"
}
.notice-list .notice .notice-show-date .notice-date {
 font-weight:400;
 font-size:14px;
 color:#93999f;
 line-height:30px
}
.notice-list .notice .del-box {
 display:none;
 height:55px;
 position:absolute;
 top:35px;
 width:105px;
 overflow:visible
}
.notice-list .notice .read-notice {
 color:#93999f;
 font-size:15px;
 display:inline-block;
 line-height:60px;
 right:1px;
 width:80px;
 text-align:right;
}
.notice-list .notice .del-notice {
 color:#93999f;
 font-size:18px;
 display:inline-block;
 line-height:60px;
 right:100px;
 width:18px;
 text-align:left
}
.notice-list .notice .icon-del:hover {
 color:#4d555d
}
.notice-list .page {
 margin:40px auto 0
}
